<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/statics/css/mdui/mdui.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/statics/css/semantic/semantic.min.css}">
    <script th:src="@{/statics/js/semantic/semantic.min.js}"></script>
    <style type="text/css">
        .icon_awesome {
            margin-right: 20px;
        }
    </style>
</head>
<body>
<div class="mdui-drawer mdui-drawer-close" id="drawer" style="background: rgb(247,247,247);">
    <img src="//maps.gstatic.com/tactile/pane/default_geocode-1x.png" alt="" width="100%" height="80px"/>
    <ul class="mdui-list">
        <li class="mdui-list-item">
            <a class="ui teal image label">
                <img src="https://semantic-ui.com/images/avatar/small/veronika.jpg">
                <span th:if="${session.user} != null" th:text="${session.user.account}"></span>
                <div class="detail" th:if="${session.user} != null">
                    <span th:if="${session.user.invite == 1}">推广人员</span>
                    <span th:if="${session.user.invite == 2}">普通用户</span>
                </div>
            </a>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/user','_self')">
            <div class="icon_awesome"><i class="fa fa-address-card" aria-hidden="true"></i></div>
            <div class="mdui-list-item-content">个人信息</div>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/order/1','_self')">
            <div class="icon_awesome"><i class="fa fa-credit-card" aria-hidden="true"></i></div>
            <div class="mdui-list-item-content">我的工单</div>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/system/1','_self')">
            <div class="icon_awesome"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></i></div>
            <div class="mdui-list-item-content">我要定制</div>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/message/1','_self')">
            <div class="icon_awesome"><i class="fa fa-list-alt" aria-hidden="true"></i></div>
            <div class="mdui-list-item-content">我的消息</div>
        </li>
        <li class="mdui-subheader">运营邀请</li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/money','_self')">
            <div class="icon_awesome"><i class="fa fa-money" aria-hidden="true"></i></i></div>
            <div class="mdui-list-item-content">我的余额</div>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/withdraw','_self')">
            <div class="icon_awesome"><i class="fa fa-cubes" aria-hidden="true"></i></div>
            <div class="mdui-list-item-content">提现申请</div>
        </li>
        <li class="mdui-list-item mdui-ripple" onclick="window.open('/web/record','_self')">
            <div class="icon_awesome"><i class="fa fa-tasks" aria-hidden="true"></i></div>
            <div class="mdui-list-item-content">提现记录</div>
        </li>
        <li class="mdui-list-item mdui-ripple" style="position: fixed;bottom: 50px;width: 100%" onclick="window.open('/web/logout','_self')">
            <div class="icon_awesome red"><i class="fa fa-sign-out" aria-hidden="true" style="color: red"></i></div>
            <div class="mdui-list-item-content">退出登录</div>
        </li>
    </ul>
</div>
</body>
<script th:src="@{/statics/js/mdui/mdui.min.js}"></script>
<script type="text/javascript">
    var inst = new mdui.Drawer('#drawer', {overlay: true});
</script>
</html>